<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta  name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0,minimum-scale=1.0,userscalable=no"/>
		<style type="text/css">
		/*
		 	1.定宽布局  适用图片多互动微信，web端。app不完全兼容
		 	2.流式布局 witdh=device-width(类似浮动布局)保证内容正常大小。所以我们只要适配最小宽度320 剩下留白。
		 * window.devicePixelRatio
		 * 3.为什么iphone6的设计图尺寸为750X1334
		 * 因为我们要找一个手机的标准，即是iphone但是因为iphone有视网膜屏
		 * 会有2k3k屏幕 所以我们要取个折中的方法 即375px 乘以2 放大不至于太模糊...
		 * */
		*{
			margin: 0;
			padding: 0;	
		}
			.web{
				width: 980px;
				height: 1000px;
				background: skyblue;
				display: inline-block;
				
			}
			.div2{
				width: 100px;
				height: 1000px;
				background: red;
				display:inline-block;
			}
			
			.wrap{
				white-space: nowrap;	
			}
		</style>
	</head>
	<body>
		<div class="wrap">
			<div class="web"></div><div class="div2"></div>
		</div>
	</body>
</html>
